<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/add_manage.css" />
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="../css/city-picker.css">
		
		<style type="text/css">
			/* html, */
			body {
				width: 100%;
				height: 100%;
				overflow: overlay;
			}

			.layui-container {
				width: 100%;
				height: 100%;
				overflow: hidden;
				
			}


			.logo-title {
				text-align: left;
				letter-spacing: 2px;
				padding: 10px 0;
			}

			.logo-title h1 {
				font-size: 25px;
				font-weight: bold;
			}

			.layui-form {
				background-color: #fff;
				border: 1px solid #fff;
				border-radius: 3px;
				padding: 0px 20px;
				box-sizing: border-box;
			}
			
			.layui-form .layui-form-item label {
				width: 100px;
			}

			.layui-form .layui-form-item input {
				line-height: 36px;
			}
			.add_btn{
				float: right;
				right: 20px;
			}
		</style>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-login-background">
				<div class="layui-form layui-form">
					<form class="layui-form" action="" id="popupForm">
						<div class="layui-form-item logo-title">
							<h1>添加员工</h1>
						</div>
						<fieldset class="layui-elem-field layui-field-title" >
							<legend>个人信息</legend>
						</fieldset>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label" ><font style="color: red;">*</font>姓名</label>
								<div class="layui-input-inline">
									<input type="text" name="u_name" lay-verify="required|username" autocomplete="off" class="layui-input" />
								</div>
							</div>

							<div class="layui-inline">
								<label class="layui-form-label">性别</label>   <!--for="u_sex"-->
								<div class="layui-input-inline">
									<input type="radio" name="u_sex" value="男" title="男"  checked> <input type="radio" name="u_sex" value="女" title="女" >
								</div>
							</div>
							</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">出生日期</label>
								<div class="layui-input-inline">
									<input type="date" name="u_birthday" lay-verify="date" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">年龄</label>
								<div class="layui-input-inline">
									<input type="number" name="u_age" lay-verify="int" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label"><font style="color: red;">*</font>手机号</label>
									<div class="layui-input-inline">
										<input type="tel" name="u_phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label"><font style="color: red;">*</font>个人邮箱</label>
									<div class="layui-input-inline">
										<input type="text" name="u_email" lay-verify="email" autocomplete="off" class="layui-input">   <!--name="u_email"-->
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >证件类型</label>   <!--for="u_doc_type"-->
									<div class="layui-input-inline">
										<select name="u_doc_type" lay-verify="required">
											<option value=""></option>
											<option value="身份证">身份证</option>
											<option value="台湾通行证">台湾通行证</option>
											<option value="港澳通行证">港澳通行证</option>
											<option value="护照">护照</option>
											<option value="其他">其他</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
										<label class="layui-form-label" ><font style="color: red;">*</font>证件号码</label>  <!--for="u_doc_number"-->
										<div class="layui-input-inline">
											<input type="text" name="u_doc_number" lay-verify="lay-verify=”identity”" autocomplete="off" class="layui-input" />
										</div>
									
								</div>
							</div>
							<div class="layui-form-item">
								
								<label class="layui-form-label" >籍贯</label>   <!--for="u_native"-->
								<div class="city-picker-selector"  id="city-picker-search">
										<div class="selector-item storey province">
											<a href="javascript:;"  class="selector-name reveal df-color ">请选择省份</a>
											<input type="hidden" name="userProvinceId"  class="input-price val-error" value="" >  <!--name="userProvinceId"-->
											<div class="selector-list listing hide">
												<div class="selector-search">
													<input type="text" class="input-search" value="" placeholder="拼音、中文搜索">
												</div>
												<ul>
													<li>北京市</li>
													<li>天津市</li>
												</ul>
											</div>
										</div>
										<div class="selector-item storey city">
											<a href="javascript:;" class="selector-name reveal df-color forbid">请选择城市</a>
											<input type="hidden" name="userCityId"  class="input-price val-error" value="" >
											<div class="selector-list listing hide">
												<div class="selector-search">
													<input type="text" class="input-search" value="" placeholder="拼音、中文搜索">
												</div>
												<ul></ul>
											</div>
										</div>
										<div class="selector-item storey district">
											<a href="javascript:;" class="selector-name reveal df-color forbid">请选择区县</a>
											<input type="hidden" name="userDistrictId"  class="input-price val-error" value="" >  <!--name="userDistrictId"-->
											<div class="selector-list listing hide">
												<div class="selector-search">
													<input type="text" class="input-search" value="" placeholder="拼音、中文搜索">
												</div>
												<ul></ul>
											</div>
										</div>
									</div>
									
							</div>
							
	<fieldset class="layui-elem-field layui-field-title" >
							<legend>入职信息</legend>
						</fieldset>
							<div class="layui-form-item">
								<div class="layui-inline" >
									<label class="layui-form-label"><font style="color: red;">*</font>入职日期</label>
									<div class="layui-input-inline">
										<input type="date" name="u_entry_time" class="layui-input" id="u_entry_time" placeholder="选择日期">
									</div>
								</div>
								
								<div class="layui-inline">
									<label class="layui-form-label" >部门</label>   <!--for="u_department"-->
									<div class="layui-input-inline">
										<select name="u_department" lay-verify="required">
											<option value=""></option>
											<option value="人事部">人事部</option>
										<option value="市场部">市场部</option>
										<option value="企划部">企划部</option>
										<option value="财务部">财务部</option>
										<option value="管理中心">管理中心</option>
										</select>
									</div>
								</div>
							</div>
						
						
						
							<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label" >岗位</label>
								<div class="layui-input-inline">
									<select name="u_job" lay-verify="required">
										<option value=""></option>
									<option value="销售">销售</option>
									<option value="客服">客服</option>
									<option value="经理">经理</option>
									<option value="主任">主任</option>
									<option value="管事">管事</option>
									</select>
								</div>
							</div>

                                <div class="layui-inline">
                                    <label class="layui-form-label" for="cu_principal">直属上级</label>
                                    <div class="layui-input-inline">
                                        <select name="u_superior" lay-verify="required" id="cu_principal" lay-search="" lay-filter="cu_principal"></select>
                                    </div>
                                </div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" ><font style="color: red;">*</font>工号</label>    <!--for="u_job_number"-->
									<div class="layui-input-inline">
										<input type="text" name="u_job_number" lay-verify="required" autocomplete="off" class="layui-input" />
									</div>
								</div>
							
								<div class="layui-inline">
									<label class="layui-form-label" >是否已婚</label>
									<div class="layui-input-inline">
										<input type="radio" name="u_ismarry" value="是" title="是"  checked> <input type="radio" name="u_ismarry" value="否" title="否">
									</div>
								</div>
								</div>
							
								<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >是否健康</label>
									<div class="layui-input-inline">
										<input type="radio" name="u_health" value="健康" title="健康"  checked> <input type="radio" name="em_health" value="不健康" title="不健康">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >最高学历</label>
									<div class="layui-input-inline">
										<select name="u_education" lay-verify="required">
										<option value=""></option>
										<option value="博士">博士</option>
										<option value="硕士">硕士</option>
										<option value="大学本科">大学本科</option>
										<option value="高中">高中</option>
										<option value="其他">其他</option>
										</select>
									</div>
								</div>
								</div>
							<div class="layui-form-item add_btn">

								<button class="layui-btn" lay-submit="save" lay-filter="save" >保存</button>
								<button type="reset" class="layui-btn layui-btn-primary" lay-filter="cancel" id="colseBtn">取消</button>
							</div>
					</form>
				</div> 
			</div>
		</div>


		<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/add_management.js" type="text/javascript" charset="utf-8"></script>
		
			<script type="text/javascript" src="../js/jquery.min.js"></script>
			<script type="text/javascript" src="../js/citydata.js"></script>
			<script type="text/javascript" src="../js/cityPicker-1.0.0.js?v=1"></script>
		<script type="text/javascript">
			//模拟城市-联动/搜索
			$(function (){
				
				$('#city-picker-search').cityPicker({
					dataJson: cityData,
					renderMode: true,
					search: true,
					linkage: true,
					storage:false
		})
			})
					
		</script>
	</body>
</html>

